<template>
  <div class='wrapper'>
    <div class="wrap">
      <div class="title">图文看房</div>
      <div class="content-wrap">
        <div class="content" :class="{contentShow}">
          <p>
            大亚湾与深圳一直都暧昧不清，也一直吸引着大批深圳外溢的购房群体，其价格低、上车门槛不高、户型阔绰，一直倍受青睐，另外深圳人周末也喜欢到大亚湾，看房之后去体验惠阳老城的文化，又或者是享受一番唯美的沙滩与美味的海鲜，可以说大亚湾是深圳周末的乐园。但多年以前，大亚湾一直被称呼为“鬼城”，其人气不足、</p>
          <p>一、项目整体规划</p>
          <p><img
            src="http://static3.loupan.com/newsimg/image/2019/0705/1446248223685.png?imageView2/3/w/800/h/600/q/75"
            alt=""></p>
          <p>从卓越公布的规划图可以看到，整个社区由坪山河滨河路、龙海二路、石化大道及西面道路合围而成，占地面积约77万㎡，总建面约210万㎡，规划户数约1.6万。社区主入口位于石化大道以西，由一期进入社区，</p>
          <p>
            从卓越公布的规划图可以看到，整个社区由坪山河滨河路、龙海二路、石化大道及西面道路合围而成，占地面积约77万㎡，总建面约210万㎡，规划户数约1.6万。社区主入口位于石化大道以西，由一期进入社区，主要集中在一期和二期，位于社区入口中央位置，由三期、四期、五期、六期形成包围式格局，而七期和八期则位于小区北部，后期或设置出入口。项目一期——主要以高层和别墅为主，规划有蔚蓝天地（社区商业）、游泳池、私人会所（暂为售楼部）。于2011年6月5日开盘，首推别墅单位，面积为145-275㎡之间，整体均价在1.5万/㎡，同年11月，推出80-140㎡二到四房高层产品，均价4900元/㎡。项目二期——和一期类似，主要是高层和别墅，配建有一所晶晶幼儿园，于2012年12月1日开盘，高层均价在5300元/㎡，相比一期有所下降。项目三期和四期——均为高层产品，分别配建有一所幼儿园和一个游泳池，三期于2014年4月26日开盘，均价5500元/㎡，四期于2015年中期推出其后价格，由于2015年开始深圳跳涨，使得该项目水涨船高，由5600元/㎡一直卖到了1.4万/㎡的价格。</p>
          <p><img
            src="http://static3.loupan.com/newsimg/image/2019/0705/1447372335946.png?imageView2/3/w/800/h/600/q/75"
            alt=""></p>
          <p>
            二、项目区位与交通项目区位项目位于大亚湾坪山河与石化大道交汇处，北临珠江四季悦城，南临秋谷康城，西面是坪山河惠州段，东面是在建的天润嘉园和规划的崇德实验学校，由于周边还处于集中开发时期，社区内部虽趋于成熟，但是外部环境略显荒凉。</p>
          <p>
            参考大亚湾西区北法定图则，可以看到沿龙海二路两侧主要以住宅用地为主，龙海二路以北还有大量原著居民用地，而龙海二路以南除了儿童公园和已建成的住宅项目以外，工业用地居多，另外商业用地占比较少，也奠定了此区域主要以居住和工业为主的发展方向。</p>
          <p>
            交通规划项目在地铁规划上并无优势，距离白洋站、沙田站大约4公里左右的距离，后期可依靠小巴换乘至14号线。深圳市城市轨道交通14号线（惠州段）线路起于惠州南站，沿爱民路、白云路、深汕公路敷设至深惠边界，线路全长约9.1公里，全部采用地下敷设，设车站3座，连接深圳市福田-罗湖中心区。该线路定位为城市快线，设计时速为120km/h，建成后，从惠州南站到福田—罗湖中心区约1小时，深圳段预计2023年完工，惠州段暂不得而知。</p>
          <p>
            <span>楼巴→深圳楼巴是临深</span>
            的改善交通的卖点之一，老牛看到楼巴候车点位于社区门口，而且有宝安线、龙华线、罗湖线、蔚蓝海岸线、龙岗线等，可直达深圳各区，但是出发时间一般是9点，不适合上班乘坐。
          </p>
        </div>
      </div>
      <div @click="showClick" class="Bottomshow">
        <img :src="ShowImg" alt="">
        <span>{{showText}}</span>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Graphic',
    data () {
      return {
        contentShow: true,
        ShowImg: '',
        showText: '展开更多'
      }
    },
    // 计算属性
    computed: {},
    // 方法
    methods: {
      showClick () {
        this.contentShow = !this.contentShow
        const contentShow = this.contentShow
        if (contentShow === false) {
          this.ShowImg = ''
          this.showText = '收起'
        } else {
          this.ShowImg = '',
          this.showText = '展开更多'

        }
        console.log(this.contentShow)
      },
    }

  }
</script>

<style scoped lang="stylus">
  @import "~styles/varibles.styl"
  .wrapper
    wrapper()
    TopBorder()
    margin-top .2rem
    line-height 1.5


  .coontet-wrap
    position relative

  .title
    font-size .433333rem
    font-weight 700
    line-height .366667rem
    color #2f3c4d
    margin-top .533333rem

  .content
    overflow hidden

  .contentShow
    max-height: 8.333333rem
    overflow: hidden

  .contentShow p, .content p
    font-size .32rem
    margin 0.4rem 0

  .contentShow img, .content-wrap img, .content img
    cursor: pointer
    max-width 100%
    border none
    height auto !important

  .Bottomshow
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center
    height: 1.333333rem
    font-size: .346667rem
    font-weight: 500
    line-height: .48rem
    color #6a81a2

  .Bottomshow img
    width: .533333rem
    height: .453333rem
    margin-bottom: .133333rem
</style>
